<template>
  <view class="">

    <image class="iconss" :src='STATIC_URL+"206.png"' mode="aspectFill"></image>
    <!-- <image class="iconss" :src='h5_img' mode="aspectFill"></image> -->
    <view class="flex text-lg flex-wrap justify-between btns">
      <view class="flex justify-between btns-ones">
        <view class="flex align-center justify-center btns-one" @click="golink(androidlink)">
          <view class="">Android下载</view>
        </view>
        <view class="flex align-center justify-center btns-one" @click="golink(ioslink)">
          <view class="">iPhone下载</view>
        </view>
      </view>
    </view>

  </view>
</template>

<script>
  export default {
    data() {
      return {
        ioslink: '',
        androidlink: '',
        typesOf: '',
        h5_img: '',
        huaweilink: '',
        xiaomilink: '',
        oppolink: '',
        vivolink: '',
        rongyaolink: ''
      }
    },
    onLoad(options) {
      this.typesOf = options.typesOf
      this.getBase()
    },
    methods: {
      getBase() {
        this.$api.post(global.apiUrls.post635b9014159cd).then(res => {
          if (res.data.code == 1) {
            this.ioslink = res.data.data.ios_putdown
            this.androidlink = res.data.data.android_putdown
            this.huaweilink = res.data.data.huawei_down
            this.xiaomilink = res.data.data.xiaomi_down
            this.oppolink = res.data.data.oppo_down
            this.vivolink = res.data.data.vivo_down
            this.rongyaolink = res.data.data.rongyao_down
            this.h5_img = res.data.data.h5_img
            console.log('h5_img', this.ioslink)

          }
        })
      },
      golink(link) {
        console.log(link)
        window.location.href = link
      }
    }
  }
</script>

<style lang="scss">
  page {
    width: 750rpx;
    height: 100vh;
    // background: #ff720d;
  }

  .iconss {
    width: 750rpx;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
  }

  .btns {
    width: 702rpx;
    margin: 0 auto;
    position: fixed;
    bottom: 80rpx;
    left: 22rpx;

    .btns-ones {
      width: 702rpx;
      margin: 0 auto 24rpx auto;
    }

    .icon {
      width: 26rpx;
      height: 32rpx;
      display: block;
      margin-right: 20rpx;
    }

    .btns-one {
      width: 330rpx;
      height: 72rpx;
      line-height: 72rpx;
      text-align: center;
      background-color: #FFF;
      // background: linear-gradient(270deg, #FB4107 0%, #FE7217 100%);
      border-radius: 44rpx;
      color: #176BE8;
      font-size: 28rpx;
    }
  }
</style>
